<template>
    <div class="page">
        <!-- 卧龙控股的结构 -->
        <!-- 头部 -->
        <TopCom />
        <!-- 导航 -->
        <NavCom />
        <!-- banner -->
        <img width="100%" src="../assets/img/2.png" alt="">
        <!-- 卧龙市场 -->
        <MidCom />
        <MarketCom />
        <PageFooter/>
    </div>
</template>

<script lang="ts" setup>
import TopCom from '@/components/TopCom.vue';
import NavCom from '@/components/NavCom.vue';
import MarketCom from '@/components/MarketCom.vue';
import MidCom from  '@/components/MidCom.vue';
import PageFooter from '@/components/PageFooter.vue';
//有列表展示的数据用ts结合数组定义数据，使用v-for循环渲染
//nav黑色导航
//新闻资讯
//卧龙市场
//产品中心
//技术研发
//使用ref、reactive定义数组结合ts数据类型
//使用组件进行拆分页面、组合拆分的组件进行重组
//头部组件、导航组件、banner图组件、n个列表组件、底部组件 - component目录
//最后在PageView页面级组件进行重组
</script>

<style lang="less" scoped>
//使用less语法完成样式
.page{
    width: 1200px;
    margin:0 auto;
}
</style>